import Vue from 'vue'
import App from './App.vue'
import router from './router'
// 引入全局的css样式
import '@/style/index.css'

// 导入element-ui
// import '@/plugins/element'

// 导入自己的字体图标
import '@/assets/fonts/iconfont.css'

// 导入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// 导入富文本对应的样式
// import 'quill/dist/quill.core.css'
// import 'quill/dist/quill.snow.css'
// import 'quill/dist/quill.bubble.css'

// 导入vue-table-with-tree-grid插件
import TreeTable from 'vue-table-with-tree-grid'
// 全局注册组件
Vue.component('tree-table', TreeTable)
// 将富文本编辑器注册为全局组件
Vue.use(VueQuillEditor)

// 定义全局的过滤器
Vue.filter('dateFormat', function (dateTime) {
  const dt = new Date(dateTime)
  const year = dt.getFullYear()
  // padStart(个数,补全的字符串):如果字符串的长度不足指定的个数，就以第2个参数对应的字符串来补全
  const month = (dt.getMonth() + 1 + '').padStart(2, '0')
  const date = (dt.getDate() + '').padStart(2, '0')

  const hour = (dt.getHours() + '').padStart(2, '0')
  const minute = (dt.getMinutes() + '').padStart(2, '0')
  const second = (dt.getSeconds() + '').padStart(2, '0')

  return `${year}-${month}-${date} ${hour}:${minute}:${second}`
})

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')
